<template>
  <div>
    <p v-html="arr">{{ arr }}</p>
  </div>
</template>

<script>
// 目标：标签字符串被解析成html显示
// {{}}只会把标签字符串显示在原地
// 语法：v-html='vue变量'
// 作用：把标签字符串当做html标签显示
// 注意：v-heml指令 覆盖 插值表达式
export default {

  data () {
    return {
      arr: '<p style="red">标签</p>'


    }
  }
}
</script>

<style>
</style>
